@font-face {  /*声明字体  引用字体*/
	font-family: "icomoon";  /*我们自己起名字可以*/
	src:  url('../fonts/icomoon.eot?7kkyc2');
	src:  url('../fonts/icomoon.eot?7kkyc2#iefix') format('embedded-opentype'),
	url('../fonts/icomoon.ttf?7kkyc2') format('truetype'),
	url('../fonts/icomoon.woff?7kkyc2') format('woff'),
	url('../fonts/icomoon.svg?7kkyc2#icomoon') format('svg');
	font-style: normal;
}
.nav i{
	font-family: "icomoon";
	position: absolute;
	font-style: normal;
	font-size: 15px;
	left: -25px;
}
.eyes i{
	font-family: "icomoon";
	font-style: normal;
	font-size: 15px;
}
.backToTop i{
	color: #fff;
	font-family: "icomoon";
	font-style: normal;
	font-size: 25px;
}
*{
	margin: 0;
	padding: 0;
	box-sizing: border-box;
}
body{
	background-color: #fff;
}
li{
	list-style: none;
}
a{
	text-decoration: none;
	color: #333;
}
/*导航栏nav开始*/
.header{
	height: 60px;
	background-color: #fafafa;
	border-bottom: 1px solid rgba(0,0,0,0.1);
}
.header img{
	height: 20px;
	position: absolute;
	top: 20px;
}
.inner{
	width: 1000px;
	height: 60px;
	margin: 0 auto;
	line-height: 60px;
}
.logo{
	float: left;
	width: 100px;
}
.nav{
	float: right;
}
.nav li{
	float: left;
	/*width: 60px;*/
	margin: 0px 30px;
	display: inline-block;
	text-align: center;
}
.nav a{
	width: 60px;
	height: 20px;
	position: relative;
	z-index: 1;
}
.nav a::before{
	content: "";
	z-index: -1;
	position: absolute;
	left: 0;
	right: 0;
	height: 1.5px;
	background: #262626;
	transform: scaleX(0);
	transition: transform 0.2s ease-in-out;
	bottom: -4px;
	transform-origin: center right;
}
.nav a:hover::before{
	transform-origin: center left;
	transform: scaleX(1);
}
/*导航栏nav结束*/
/*文章浏览部分开始*/
.view{
	/*height: 4000px;*/
	background-color: #fff;
	position: relative;
	/*top: 0;*/
	/*z-index: -5;*/
}
.title{
	height: 200px;
	background-color: rgb(248,250,249);
	margin: 0 auto;
	/*z-index: -5;*/
}
.title h1{
	width: 1000px;
	height: 200px;
	margin: 0 auto;
	/*background-color: lightblue;*/
	padding-top: 50px;
	padding-left: 50px;
	position: relative;
}
.title .name,.eyes,.postTime,.type{
	position: absolute;
	top: 145px;
	left: 50px;
	font-size: 15px;
	font-weight: 10;
}
.eyes{
	left: 180px;
}
.postTime{
	left: 300px;
}
.type{
	top: 95px;
	left: 50px;
	color: gray;
}
.type:hover{
	cursor: pointer;
// border-bottom: 1ps solid gray;
}
.text{
	display: inline-block;
	position: relative;
	left: 50%;
	margin-left: -500px;
	width: 1000px;
// background-color: gray;
}
.text .main{
	width: 720px;
	height: 100%;
	float: left;
	margin-top: 10px;
	margin-left: 10px;
	margin-bottom: 10px;
	background-color: #fff;
	/*box-shadow: 1px 1px 2px 5px rgba(0,0,0,0.05);*/
}
.main p{
	text-indent: 2em;
	padding-top: 30px;
	padding-left: 20px;
	padding-right: 20px;
	padding-bottom: 30px;
	line-height: 1.5em;
}
.text .today{
	width: 250px;
/*// height: 600px;*/
	float: right;
	margin-top: 40px;
	margin-right: 10px;
	/*margin-bottom: 10px;*/
	/*background-color: orangered;*/
	background-color: #fff;
	box-shadow: 2px 2px 5px 5px rgba(0,0,0,0.1);
	border-radius: 5px;
	overflow: hidden;
}
.today h3{
	display: inline-block;
	width: 250px;
	height: 40px;
	background-color: #3eaf7c;
	color: #fff;
	font-size: 15px;
	font-weight: 10;
	padding-top: 10px;
	padding-left: 20px;
}
.today div{
	width: 50px;
	height: 60px;
	background-color: #fafafa;
	float: left;
	margin: 10px;
	position: relative;
	font-family: Georgia;
	font-size: 40px;
	line-height: 60px;
	text-align: center;
}
.today .y{
	width: 90px;
// background-color: lightgreen;
}
.m::before{
	content: "";
	width: 5px;
	height: 5px;
	background-color: black;
	border-radius: 50%;
	position: absolute;
	bottom: 0;
	right: -15px;
}
.y::before{
	content: "";
	width: 5px;
	height: 5px;
	background-color: black;
	border-radius: 50%;
	position: absolute;
	bottom: 0;
	right: -15px;
}
.text .broadside{
	width: 250px;
	float: right;
	margin-top: 200px;
	margin-right: -250px;
	margin-bottom: 10px;
	/*background-color: orangered;*/
	background-color: #fff;
	box-shadow: 2px 2px 5px 5px rgba(0,0,0,0.1);
	border-radius: 5px;
	overflow: hidden;
	/*position: absolute;*/
}
.broadside p{
	padding-top: 20px;
	padding-left: 20px;
	padding-right: 20px;
	text-indent: 2em;
	padding-bottom: 30px;
	line-height: 25px;
}
.broadside h3{
	display: inline-block;
	width: 250px;
	height: 40px;
	background-color: #3eaf7c;
	color: #fff;
	font-size: 15px;
	font-weight: 10;
	padding-top: 10px;
	padding-left: 20px;
}
/*文章浏览页面结束*/
/*评论部分开始*/
.common{
	width: 1000px;
	/*height: 500px;*/
	/*background-color: lightgreen;*/
	position: relative;
	left: 50%;
	margin-top: 20px;
	margin-left: -500px;
	padding-bottom: 20px;
}
.commonT{
	width: 1000px;
	height: 50px;
	background-color: #fff;
	padding-top: 10px;
	padding-left: 20px;
	border-top: 2px solid #3eaf7c;
}
.commonM{
	width: 1000px;
	/*height: 400px;*/
	/*background-color: lightpink;*/
}
.commonM table{
	border-spacing:0px 10px;
}
.commonM td{
	/*width: 800px;*/
	/*height: 50px;*/
	background-color: #fff;
	padding-top: 20px;
	padding-bottom: 20px;
	padding-right: 10px;
	padding-left: 20px;
	border-bottom: 1px solid #3eaf7c;
	box-shadow: 1px 2px 10px 5px rgba(0,0,0,0.02);
}
.commonM p{
	padding: 10px;
	padding-left: 20px;
	line-height: 25px;
	text-indent: 2em;
}
.commonA{
	display: inline-block;
	color: #3eaf7c;
	border-radius: 2px;
	font-size: 12px;
}
/*.commonA:hover{
	border-bottom: 1px solid #3eaf7c;
}*/
.commonB,.commonC{
	float: right;
	width: 60px;
	height: 20px;
	background-color: #3eaf7c;
	color: #fff;
	border-radius: 2px;
	text-align: center;
	line-height: 20px;
	margin-right: 30px;
	margin-top: 20px;
	font-size: 12px;
	display: none;
}
.commonB,.commonC,.commonA:hover{
	cursor: pointer;
}
.textBack{
	width: 920px;
	height: 50px;
	margin-left: 20px;
	outline: none;
	border: 1px solid #3eaf7c;
	border-radius: 2px;
	display: none;
}
/*评论部份结束*/
/*底部开始*/
.bottom{
	height: 100px;
	background-color: #eaeaea;
}
.team{
	/*height: 100px;*/
	width: 1000px;
	text-align: center;
	margin: 0 auto;
	line-height: 60px;
}
.team span{
	font-size: 12px;
	margin: 0 15px 0 15px;
}
.phone{
	width: 1000px;
	text-align: center;
	margin: 0 auto;
	line-height: 10px;
	font-size: 12px;
}
/*底部结束*/
/*回到顶部按钮*/
.backToTop{
	width: 50px;
	height: 50px;
	background-color: #3eaf7c;
	position: fixed;
	bottom: 120px;
	right: 180px;
	display:flex;
	/*box-shadow: 0px 1px 6px 2px rgba(0,0,0,0.2);*/
	border-radius: 2px;
	transition: transform 0.5 ease-in-out;
	display: none;
	cursor: pointer;
	padding-top: 12px;
	padding-left: 12px;
}
/*回到顶部按钮*/